<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>个人中心</title>
   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
   <script type="text/javascript" src="../js/common/common.js"></script>
   
   <script type="text/javascript" src="../components/hammer/hammer.min.js"></script>
   <script type="text/javascript" src="../components/hammer/jquery.hammer.js"></script>
   
   <script type="text/javascript" src="../js/common/wechatCommon.js"></script>
   <script type="text/javascript" src="../js/homepage/hp.js"></script>
   <script type="text/javascript">
   	$(function(){
   		$("#baoyang").click(function(){
   		   var input1 = document.getElementById("carUserId");
   		   var userId = input1.value;
   		   window.location.href="homepage/maintainRemind.html?userId="+userId+"&headImgurl="+$("#headImgurl").val()+"&nextMaintainDate="+$("#date").val();
   		});
   		$("#baoxian").click(function(){
    		var input1 = document.getElementById("carUserId");
       		var userId = input1.value;
   			window.location.href="homepage/insuranceRemind.html?userId="+userId+"&headImgurl="+$("#headImgurl").val();
   		});
   		$("#counselor").click(function(){
    		var input1 = document.getElementById("potentialUserId");
       		var potentialUserId = input1.value;
   			window.location.href="homepage/counselor.html?potentialUserId="+potentialUserId;
   		});
   });
   </script>
   <style>
   /* Carousel */

#myCarInfos {
    padding: 0 10px 30px 10px;
    margin-top: 10px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
.carousel-caption {
      max-width: 550px; 
      padding: 0 10px;
      margin:0 auto;
      margin-top: 200px;
      text-align:center;
      left:150px;
}

#myCarInfos .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#myCarInfos .carousel-control.left {
    left: -60px;
}
#myCarInfos .carousel-control.right {
    right: -60px;
}
#myCarInfos .carousel-indicators {
    right: 50%;
    top: 47%;
    bottom: 0px;
    margin-right: -19px;
}
#myCarInfos .carousel-indicators li {
    width: 25px;
    height: 25px;
    margin: 4px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 30px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#myCarInfos .carousel-indicators .active {
    background: #333333;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 100px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
   </style>
   
</head>
<body><br>
<div class="container">
		<div class="panel panel-default">
				
		
		<div class="row">
			<div class="col-md-2 col-xs-2 col-sm-2">
			<br>
				<img id="Imgurl" class="img-circle" src="" alt="" title="" style="width:220%;padding-left:12%;text-align:center;"/>
				<br><br>
			</div>
			
			<div class="col-md-10 col-xs-10 col-sm-10" data-wow-delay="0.2s" style="padding-left:10%">
				<img id="deleteCar" class="img-circle" src="../images/personal/delete.png" style="width:10%;float:right;">
				
				<div id="myCarInfos" class="carousel slide" data-ride="carousel"></div>
			</div>
		</div>	
			<a class="list-group-item clearfix">
				<div style="float:left" id="baoyang">
				<span>下次保养</span>
				<span style="color:red" id="nextMaintainDate"></span>
				</div>
				<div style="float:right" id="baoxian">
				<span>保险提醒</span>
				<span style="color:red" id="nextInsureDate"></span>
				</div>
			</a>
 </div>
   	<div id="divbuy" style="width:100;height:100%">
		<div class="panel panel-default">
				<a href="homepage/myMessage.html" class="list-group-item">
				<img src="../images/personal/a4.png" style="width:6%">&nbsp;&nbsp;&nbsp;&nbsp;我的消息
				<span style="float:right" class="glyphicon glyphicon-chevron-right"></span>
				</a>
				<a href="homepage/askingprice.html" class="list-group-item">
				<img src="../images/personal/a1.png" style="width:8%">&nbsp;&nbsp;我的购车询价
				<span style="float:right" class="glyphicon glyphicon-chevron-right"></span>
				</a>
				<a id="shi" href="" class="list-group-item">
				<img src="../images/personal/a5.png" style="width:8%">&nbsp;&nbsp;我的试驾预约
				<span style="float:right" class="glyphicon glyphicon-chevron-right"></span>
				</a>
				<a id="yang" href="" class="list-group-item">
				<img src="../images/personal/a6.png" style="width:8%">&nbsp;&nbsp;我的养修预约
				<span style="float:right" class="glyphicon glyphicon-chevron-right"></span>
				</a>
				<a id="jiu" href="" class="list-group-item">
				<img src="../images/personal/a3.png" style="width:8%">&nbsp;&nbsp;我的救援记录
				<span style="float:right" class="glyphicon glyphicon-chevron-right"></span>
				</a>
				<a id="counselor" class="list-group-item">
				<img src="../images/personal/a2.png" style="width:8%">&nbsp;&nbsp;我的服务顾问
				<span style="float:right" class="glyphicon glyphicon-chevron-right"></span>
				</a>
	</div>
   </div>
</div>
<input type="hidden" id="userId">
<input type="hidden" id="headImgurl" >
<input type="hidden" id="vin" name="vin" value=""> 
<input type="hidden" id="carId" name="carId" value=""> 
<input type="hidden" id="carUserId" name="carUserId" value=""> 
<input type="hidden" id="potentialUserId" >
<input type="hidden" id="date" >
<input type="hidden" id="dealerCode">

	<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body" style="text-align: center;">
					<p>尊敬的客户，您好！</p>
					<p>您真的要删除这辆车吗？</p>
				</div>
				<div class="modal-footer" style="text-align: center">
					<button id="modalSure" type="button" class="btn btn-default btn-lg"
						data-dismiss="modal"><span style="font-family:黑体;color:#5199FE">确认</span></button>
					<button id="modalCancel" type="button"
						class="btn btn-default btn-lg" data-dismiss="modal"><span style="font-family:黑体;color:#579CFE">取消</span></button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
	</div><!-- /.modal-end -->
	<!-- 模态框（Modal） -->
<div class="modal fade" id="deleteCarModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header" align="left">
		<!-- - <button type="button" class="close" data-dismiss="modal" 
						aria-hidden="true">
				</button> -->
				<h4 class="modal-title" style="text-align:center">
					尊敬的客户，您好！
				</h4>
			</div>
			<div class="modal-body" style="text-align:center;font-size:20px;">
			您已成功删除了这辆车
			</div>
			<div class="modal-footer">
			   <center>
					<button type="button" class="btn btn-default" onclick="re()">确定
					</button>
			   </center>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>
